<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue入门 挂载点，模板，实例之间的关系 及各种指令 </title>
		<script src="vue.js"></script>
	</head>
	<body>
		<!-- 挂载点，模板，实例之间的关 -->
		<div id="root">
			<h1>aaa {{message}}</h1>
			<h1 v-text="content"></h1>
			<div v-html="content" ></div>
			<div @click="handleClick" v-text="clickMsg"></div>
		</div>
		<script>
			new Vue({
				el: "#root",
				data: {
					message: "hello world ",
					content: "<h1> hello world</h1>",
					clickMsg:"hello"
				},
				methods:{
					handleClick(){
						this.clickMsg="world"
					}
				}
			})
		</script>
	</body>
</html>
